<template>
	<view class="pb50">
		<!-- 头部图片盒子 -->
		<!-- <view class="header-img"></view> -->
		<!-- /头部图片盒子 -->
		
		<!-- banner盒子 -->
		<view class="ml20 mr20 bannerbox pl32 pr32 pt36 pb50 ">
			<view class="">
				<view class="bannerbox-tit">{{data.title}}</view>
				<view class="bannerbox-time mt32">{{data.createtime}}</view>
				<view class="bannerbox-txt mt40">
					<u-parse :html="data.content"></u-parse>
				</view>
			</view>
			
		<!-- 	<view class="mt46 ">
				<VIPservice />
			</view> -->
		</view>
		<!-- /banner盒子 -->
	</view>
</template>

<script>
	import VIPservice from '@/components/VIPservice.vue'
	export default {
		components:{VIPservice},
		data() {
			return {
				id:'',
				data:''
			};
		},
		onLoad(e) {
			this.id=e.id
			this.workplacesDateils()
		},
		methods:{
			workplacesDateils() {
				this.$api.workplacesDateils({id:this.id}).then(res => {
					this.data = res.data
					// uni.setNavigationBarTitle({
					// 	title:res.data.title
					// })
				})
			}
		}
	}
</script>

<style lang="scss">
.header-img {
	width: 100%;
	height: 410rpx;
	background: url('~@/static/img/index/loginbg.png') no-repeat;
	background-size: 100% 100%;
}
.bannerbox {
	// margin-top: -100rpx;
	z-index: 2;
	background-color: #FFFFFF;
	box-shadow: 0px 8rpx 22rpx 0px rgba(182, 182, 182, 0.28);
	border-radius: 14rpx;
	.bannerbox-tit {
		font-size: 30rpx;
		color: #0C162E;
	}
	.bannerbox-time {
		font-size: 22rpx;
		font-weight: 500;
		color: #6D788B;
	}
	.bannerbox-txt {
		font-size: 22rpx;
		font-weight: 500;
		color: #1D2538;
	}
}
</style>
